<template>
	<view>
	<view class="smart-page-head">
		<view class="smart-page-head-title">swiper 滑块视图</view>
	</view>	
	<view class="smart-padding-wrap">
		<swiper circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
			<swiper-item><view class="scroll-view-item smart-bg-blue">A</view></swiper-item>
			<swiper-item><view class="scroll-view-item smart-bg-blue">B</view></swiper-item>
			<swiper-item><view class="scroll-view-item smart-bg-blue">C</view></swiper-item>
		</swiper>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				indicatorDots: true,
				autoplay: true,
				interval: 5000,
				duration: 500
			}
		},
		methods: {
			
		}
	};
</script>

<style>

</style>
